<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Coffee Academy</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/tweaks.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.74.js"></script>
<script>
$('.testi-content').cycle({ 
    fx:     'fade', 
    timeout: 20000, 
    delay:  -2000,
	speed: 500,
	next: ".testi-next",
	prev: ".testi-prev"
});
</script>
</head>
<body>
<div class="mainContainer">
  <div class="header">
    <div class="logoCon"> <a href="index.html"><img src="images/coffee-academy1.jpg" alt="The Coffee Academy" title="The Coffee Academy" border="0" /></a> </div>
    <div class="commonLinks">
      <ul class="commonLinks_ul">
        <li><a href="#" style="background:url(images/homebg.png) no-repeat;">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <div class="searchCon">
      <input type="text" border="0" class="searchInput" />
      <input type="button" value="" class="searchbtn" />
    </div>
  </div>
  <div class="slideshowCon">
    <div class="naviCon">
      <ul class="navi">
        <li><a href="#" class="home">Home</a></li>
        <li><a href="#">Coffee</a></li>
        <li><a href="#">Menu</a></li>
        <li><a href="#">Locations</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <div class="slideControl"> <a href="#" class="slideControl_prev">&nbsp;</a> <a href="#" class="slideControl_next">&nbsp;</a> </div>
    <div class="slideshow">
      <div class="slide" style="background:url(images/coffee_image1.jpg) no-repeat;"></div>
    </div>
  </div>
  <div class="contentCon">
    <div class="contentCenter">
      <div class="boxCon left">
        <div class="boxIcon"><img src="images/what-brewing.png" /></div>
        <div class="boxHead"><img src="images/whats-brewing-txt.png" style="padding-top:10px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <div class="boxCon right">
        <div class="boxIcon"><img src="images/drinks.png" /></div>
        <div class="boxHead"><img src="images/drinks-txt.png" style="padding-top:30px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <div class="boxCon centerBox">
        <div class="boxIcon"><img src="images/food.png" /></div>
        <div class="boxHead"><img src="images/food-txt.png" style="padding-top:30px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit.</div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <br class="clear" />
      <div class="boxCon left">
        <div class="boxIcon"><img src="images/whats-hot.png" /></div>
        <div class="boxHead"><img src="images/whats-hot-txt.png" style="padding-top:30px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">
          <p>omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
        </div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <div class="boxCon right">
        <div class="boxIcon"><img src="images/our-journey.png" /></div>
        <div class="boxHead"><img src="images/our-journey-txt.png" style="padding-top:30px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores.</div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <div class="boxCon centerBox">
        <div class="boxIcon"><img src="images/whats-up.png" /></div>
        <div class="boxHead"><img src="images/whats-up-txt.png" style="padding-top:30px;" /></div>
        <br class="clear" />
        <br />
        <div class="boxContent">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>
        <div class="readmore"><a href="#" class="readmorebtn">&nbsp;</a></div>
      </div>
      <br class="clear" />
      <hr />
    </div>
  </div>
</div>
<div class="f_mainContainer">
  <div class="f_mainCon">
    <div class="f_centerCon">
      <div class="bottomContent left"> <img src="images/cofiacad.jpg" class="left" />
        <div class="content right"> <img src="images/our-mission-txt.jpg" />
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
          <p><img src="images/arrow-red-right.jpg" align="absmiddle" />&nbsp;&nbsp;<a href="#"><strong>Read more</strong></a></p>
        </div>
      </div>
      <div class="testiCon right">
        <div class="tr">
          <div class="tl">
            <div class="br">
              <div class="bl">
                <div class="testi-txt left"><img src="images/testimonials-txt.jpg" /></div>
                <div class="testi-control right"><a href="#" class="testi-prev">&nbsp;</a> <a href="#" class="testi-next">&nbsp;</a></div>
                <div class="testi-content">
                  <div>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</div>
                  <div>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</div>
                </div>
              </div>
            </div>
          </div>	
        </div>
      </div>
      <br class="clear" />
      <br />
    </div>
    <div class="footer"> <span class="left">Copyright 2011 &copy; The Coffee Academy. All rights reserved.</span> <span class="right"> <a href="#">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">About Us</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">Privacy Policy</a> </span> </div>
  </div>
</div>
</body>
</html>
